﻿/* dock */
#dock {
    margin: 0px;
    padding: 0px;
    list-style: none;
    position: fixed;
    top: 0px;
    height: 100%;
    z-index: 100;
    left: 0px;
}

    #dock > li {
        width: 40px;
        height: 120px;
        margin: 0 0 1px 0;
        background-color: #dcdcdc;
        background-repeat: no-repeat;
        background-position: left center;
    }

    #dock #oilReport {
        background-image: url(images\\CYJMonth.png);
    }

    #dock #ZSJReport {
        background-image: url(images\\ZSJMonth.png);
    }

    #dock #CQJReport {
        background-image: url(images\\CQJMonth.png);
    }

    #dock > li:hover {
        background-position: -40px 0px;
    }

    /* panels */
    #dock ul li {
        padding: 5px;
        border: solid 1px #F1F1F1;
    }

        #dock ul li:hover {
            background: #D3DAED url(item_bkg.png) repeat-x;
            border: solid 1px #A8D8EB;
        }

        #dock ul li.header, #dock ul li .header:hover {
            background: #D3DAED url(header_bkg.png) repeat-x;
            border: solid 1px #F1F1F1;
        }

    #dock > li:hover ul {
        display: block;
    }

    #dock > li ul {
        position: absolute;
        top: 0px;
        left: -180px;
        z-index: -1;
        width: 180px;
        display: none;
        background-color: #F1F1F1;
        border: solid 1px #969696;
        padding: 0px;
        margin: 0px;
        list-style: none;
    }

        #dock > li ul.docked {
            display: block;
            z-index: -2;
        }

.dock-keleyi-com, .undock {
    float: right;
}

.undock {
    display: none;
}


/* dockRight */
#dockRight {
    margin: 0px;
    padding: 0px;
    list-style: none;
    position: fixed;
    top: 50px;
    height: 100%;
    z-index: 100;
    right: 0px;
}

    #dockRight > li {
        width: 40px;
        height: 120px;
        margin: 0 0 1px 0;
        background-color: #dcdcdc;
        background-repeat: no-repeat;
        background-position: left center;
    }

    #dockRight #OilFieldMonthRecordReport {
        background-image: url(images\\OilFieldMonthRecordReport.png);
    }

    #dockRight #OilFieldMonthReport {
        background-image: url(images\\OilFieldMonthReport.png);
    }


    #dockRight > li:hover {
        background-position: -40px 0px;
    }

    /* panels */
    #dockRight ul li {
        padding: 5px;
        border: solid 1px #F1F1F1;
    }

        #dockRight ul li:hover {
            background: #D3DAED url(item_bkg.png) repeat-x;
            border: solid 1px #A8D8EB;
        }

        #dockRight ul li.header, #dockRight ul li .header:hover {
            background: #D3DAED url(header_bkg.png) repeat-x;
            border: solid 1px #F1F1F1;
        }

    #dockRight > li:hover ul {
        display: block;
    }

    #dockRight > li ul {
        position: absolute;
        top: 0px;
        left: -180px;
        z-index: -1;
        width: 180px;
        display: none;
        background-color: #F1F1F1;
        border: solid 1px #969696;
        padding: 0px;
        margin: 0px;
        list-style: none;
    }

        #dockRight > li ul.dockRighted {
            display: block;
            z-index: -2;
        }

.dockRight-keleyi-com, .undockRight {
    float: right;
}

.undockRight {
    display: none;
}